@extends('front.layout')
@section('title')
    Citrulluss
@endsection
@section('content')

    <div class="container portfolio center-align">
        <h5>&nbsp;</h5>

        <h5>Citrulluss Blog</h5>
        <h6>VISUAL DESIGN •  VECTORS  • &nbsp;ILLUSTRATIONS  •  CODE </h6>
        <h5>&nbsp;</h5>
    </div>

    <div class="slider">
        <ul class="slides">
            <li>
                <img src="https://i.loli.net/2017/12/12/5a2f7d0fc5b13.jpg"> <!-- random image -->
                <div class="caption center-align">
                    <h5>“简单是稳定的前提。”</h5>
                    <h3 class="light grey-text text-lighten-5">— Edsger Dijkstra</h3>
                </div>
            </li>
            <li>
                <img src="https://i.loli.net/2017/12/12/5a2f7c1b36c31.jpg"> <!-- random image -->
                <div class="caption left-align">
                    <h5>“当你试图解决一个你不理解的问题时，复杂化就产成了。”</h5>
                    <h3 class="light grey-text text-lighten-3">——Andy Boothe</h3>
                </div>
            </li>
            <li>
                <img src="https://i.loli.net/2017/12/12/5a2f7d5f4990b.png"> <!-- random image -->
                <div class="caption right-align">
                    <h5>控制复杂性是计算机编程的本质。</h5>
                    <h3 class="light grey-text text-lighten-3">—— Brian Kernighan</h3>
                </div>
            </li>
            <li>
                <img src="https://i.loli.net/2017/12/12/5a2f7d0fab977.png"> <!-- random image -->
                <div class="caption center-align">
                    <h5>“好代码本身就是最好的文档。”</h5>
                    <h3 class="light grey-text text-lighten-3">——Steve McConnell</h3>
                </div>
            </li>
        </ul>
    </div>

    <div class="container center">
        <!-- 页面内容放在这里 -->
        <div class="row">
            @foreach($tags as $tag)
            <div class="col s6 m4 ">
                <a href="{{route('tag.show',$tag->id)}}" ><div class="card-panel z-depth-1 hoverable text-center {{$tag->color}}" style="height: 160px">
                <h1 class="white-text">{{$tag->tag}}</h1>
                    </div></a>

            </div>
                @endforeach
        </div>
    </div>

@endsection


